<script setup>
import { getConfig } from '@/config'
</script>

<template>
  <div class="w-1200px flex justify-between items-center min-h-48px">
    <div class="w-full h-48px flex justify-center items-center">
      <a-trigger
        position="top"
        auto-fit-position
        :unmount-on-close="false"
        :popup-offset="10"
        :show-arrow="true"
      >
        <a-link :href="getConfig('me.gzh')"
          >{{ getConfig('me.gzhName') }}
        </a-link>
        <template #content>
          <a-image width="100" :src="getConfig('me.gzh')" />
        </template>
      </a-trigger>
      <span>Copyright © 2022</span>
      <a-link :href="getConfig('me.github')" target="_blank">
        {{ getConfig('me.name') }}</a-link
      >
      <a-link href="<https://beian.mitt.gov.cn/>" target="_blank">
        {{ getConfig('icp') }}</a-link
      >
    </div>
  </div>
</template>

<style lang="scss" scoped></style>
